@charset "utf-8";
@import "common/public";
$color:#C01734;
section {
    width: 100%;
    background-color: #F5F5F5;
    .section-wrap {
        width: 1226px;
        margin: 0 auto;
        .position-nav {
            width: 100%;
            height: 40px;
            font-size: 12px;
            color: #757575;
            line-height: 40px;
            a {
                color: #757575;
                &:hover {
                    color: $color;
                }
            }
        }
        .side-wrap {
            width: 234px;
            background-color: white;
            padding: 36px 0;
            .side-items {
                margin-bottom: 10px;
                .item {
                    padding-bottom: 10px;
                    line-height: 22px;
                    P {
                        margin: 0;
                        padding: 14px 0 14px 48px;
                        font-size: 16px;
                        color: #333333;
                    }
                    ul {
                        li {
                            a {
                                display: block;
                                font-size: 14px;
                                color: #757575;
                                padding: 5px 48px;
                                &:hover {
                                    color: $color;
                                }
                                &.active {
                                    color: $color;
                                }
                            }
                        }
                    }
                }
            }
        }
        //cc:（center content）中心内容-----------------------------
        .cc-wrap {
            width: 978px;
            background-color: white;
            margin-bottom: 40px;
            .user-center-box {
                margin-top: 30px;
                margin-bottom: 10px;
                padding: 0 20px 30px 30px;
                .user-car {
                    position: relative;
                    width: 430px;
                    height: 200px;
                    padding-left: 180px;
                    padding-top: 40px;
                    .username {
                        margin: 0;
                        font-size: 24px;
                        font-weight: 400;
                        color: #616161;
                    }
                    .tip {
                        font-size: 14px;
                        margin: 0 0 10px;
                        color: #B0B0B0;
                    }
                    .link {
                        font-size: 12px;
                        color: #b9000f;
                    }
                    .picture {
                        width: 150px;
                        height: 150px;
                        border-radius: 50%;
                        background-color: white;
                        border: 1px solid #757575;
                        position: absolute;
                        top: 0;
                        left: 0;
                        overflow: hidden;
                        text-align: center;
                        img {
                            width: 150px;
                            height: 150px;
                        }
                    }
                }
                .user-actions {
                    width: 378px;
                    margin-top: 35px;
                    .action-list {
                        margin: 0;
                        padding: 0;
                        li {
                            padding: 6px 0;
                            font-size: 14px;
                            color: #757575;
                            /*升级为企业用户*/
                            a {
                                display: block;
                                width: 180px;
                                height: 30px;
                                text-align: center;
                                line-height: 30px;
                                background-color: #B9000F;
                                color: white;
                                border-radius: 3px;
                            }
                            //等级
                            span{
                                vertical-align: middle;
                                margin-right: 8px;
                            }
                            img{
                                vertical-align: middle;
                            }
                        }
                    }
                }
            }
            .property {
                width: 100%;
                border-top: 1px solid #E0E0E0;
                padding: 50px 34px 0;
                .property-box {
                    width: 402px;
                    height: 100px;
                    margin-bottom: 60px;
                    .logo-img {
                        width: 100px;
                        height: 100px;
                        img {
                            width: 100%;
                        }
                    }
                    .property-content {
                        width: 302px;
                        padding: 20px 0 0 20px;
                        p {
                            font-size: 18px;
                            color: #757575;
                            margin: 0;
                            span {
                                font-size: 14px;
                                color: #B9000F;
                            }
                        }
                    }
                    //
                    .coupon {
                        a {
                            font-size: 12px;
                            color: #8C8C8C;
                            i {
                                font-size: 12px;
                            }
                            &:hover {
                                color: #B9000F;
                            }
                        }
                    }
                    //
                    .leihun {
                        h4 {
                            font-size: 12px;
                            color: #333333;
                            font-weight: 400;
                            margin: 0;
                            span {
                                color: #B9000F;
                            }
                        }
                    }
                }
            }
            .lucky {
                width: 85%;
                margin: 0 auto;
                .hot-title {
                    height: 58px;
                    position: relative;
                    h2 {
                        margin: 0;
                        height: 58px;
                        font-size: 22px;
                        font-weight: 200;
                        line-height: 58px;
                        color: #333333;
                    }
                    .more {
                        position: absolute;
                        top: 18px;
                        right: 0;
                        font-size: 0;
                        button {
                            width: 34px;
                            height: 22px;
                            border: 1px solid #e0e0e0;
                            font-size: 16px;
                            line-height: 22px;
                            color: #E0E0E0;
                            background-color: transparent;
                            outline: none;
                            &:hover {
                                color: $color;
                                border-color: $color;
                            }
                        }
                    }
                }
                .kv-view {
                    width: 100%;
                    height: 400px;
                    overflow: hidden;
                    position: relative;
                    .control-box {
                        width: 170%;
                        position: absolute;
                        top: 0;
                        left: 0;
                        .pro-box {
                            width: 252px;
                            height: 299px;
                            background-color: white;
                            border: 1px solid #F5F5F5;
                            padding-top: 40px;
                            text-align: center;
                            margin-right: 34px;
                            .pro-img {
                                display: block;
                                width: 160px;
                                height: 160px;
                                margin: 0 auto;
                                img {
                                    width: 100%;
                                    height: 100%;
                                }
                            }
                            .pro-name {
                                padding: 0 20px;
                                font-size: 14px;
                                color: #212121;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                overflow: hidden;
                            }
                            .pro-describe {
                                font-size: 14px;
                                color: #8C8C8C;
                                text-overflow: ellipsis;
                                overflow: hidden;
                                display: -webkit-box;
                                -webkit-box-orient: vertical;
                                -webkit-line-clamp: 2;
                                margin: 5px 11px;
                            }
                            .price {
                                text-align: center;
                                margin: 5px 0;
                                span:first-child {
                                    font-size: 14px;
                                    color: #B9000F;
                                    margin-right: 8px;
                                }
                                span:last-child {
                                    font-size: 12px;
                                    color: #8C8C8C;
                                    text-decoration: line-through;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}